<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>DevBridge Autocomplete Demo</title>
    <link href="./css/styles.css" rel="stylesheet" />
</head>
<body>
    


    <input id="test" type="text" name="">

    <script type="text/javascript"  src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.autocomplete.js"></script>
    <script type="text/javascript">
        
        let jubens = {
            "第七号嫌疑人" : "第七号嫌疑人",
            "1231": "aa",
            "42": "af",
            "2234": "sd",
            "254": "sda",
            "123": "fdsdf",
            "345": "afsdf",
            "123346": "bsdfa",
            "123": "casdas",
        }
        $("#test").autocomplete({
            lookup: $.map(jubens, function (value, key) { return { value: value, data: key }; }),
            onSelect: function(suggestion) {
                console.log(suggestion)
            },
            noSuggestionNotice: 'Sorry, no matching results',
            //appendTo: '#suggestions-container'
        });
    </script>
</body>
</html>
